//ul li 模拟select下拉
$.fn.ulSelect = function(){
  var ul = $(this);

  if (!ul.hasClass('zg-ul-select')) {
    ul.addClass('zg-ul-select');
  }
  // SVG arrow
  var arrow ='<span id="ul-arrow"  class="arrow-select" width="18" height="28"/></span>';
  $('li:first-of-type', this).addClass('active').append(arrow);
  $(this).on('click', 'li', function(event){
    
    // Remove div#selected if it exists
    if ($('#selected--zg-ul-select').length) {
      $('#selected--zg-ul-select').remove();
    }
    ul.before('<div id="selected--zg-ul-select">');
    var selected = $('#selected--zg-ul-select');
    $('li #ul-arrow', ul).remove();
    ul.toggleClass('active');
    // Remove active class from any <li> that has it...
    ul.children().removeClass('active');
    // And add the class to the <li> that gets clicked
    $(this).toggleClass('active');
    var selectedText = $(this).text();
    if (ul.hasClass('active')) {
      selected.text(selectedText).addClass('active').append(arrow);
    }
    else {
      selected.text('').removeClass('active'); 
      $('li.active', ul).append(arrow);
    }
    });
    $(document).on('click', function(event){
    if($('ul.zg-ul-select').length) {
     if(!$('ul.zg-ul-select').has(event.target).length == 0) {
      return;
    }
    else {
      $('ul.zg-ul-select').removeClass('active');
      $('#selected--zg-ul-select').removeClass('active').text('');
      $('#ul-arrow').remove();
      $('ul.zg-ul-select li.active').append(arrow);
    } 
    }
    });
  }

// Run
$('#be-select').ulSelect();

//一二级菜单表单元素切换
function changeType(type){
	if (type == 1) {
		$('#parentIdDiv').hide();
		$('#menuUrlDiv').hide();
	} else {
		$('#parentIdDiv').show();
		$('#menuUrlDiv').show();
	}
}


// 添加菜单(按钮)
function add(){
	var addType = $('#addType').val(); //(1:一二级菜单, 2:按钮)
	var selectIcon = $('.active').children().eq(0).attr('class');
	if (selectIcon == 'arrow-select') {
		$("#icon").val("");
	} else {
		$("#icon").val(selectIcon);
	}
	if (addType == 1) {
		var menuType = $('#menuFlag').val();
		if (!CheckUtil.isNotNull(menuType)) { 
			layer.msg("请选择菜单类型!");
			return;
		}
		if (menuType == 2) {
			//二级菜单
			var parentId = $('#parentId').val();
			if (!CheckUtil.isNotNull(parentId)) {
				layer.msg("请选择父节点!");
				return;
			}
			var menuUrl = $('#url').val();
			if (!CheckUtil.isNotNull(menuUrl)) {
				layer.msg("请输入链接路径!");
	    		return;
			}
		}
		var menuName = $('#menuName').val();
		if (!CheckUtil.isNotNull(menuName)) {
			layer.msg("请输入菜单名称!");
			return;
		}
		var orderNum =  $('#orderNum').val();
		if (!CheckUtil.isNotNull(orderNum) || !CheckUtil.isInt(orderNum, "+")) {
			layer.msg("请输入正确的排序编号!");
    		return;
		}
	} else {
		//按钮添加
		var parentId = $('#parentId').val();
		if (!CheckUtil.isNotNull(parentId)) {
			layer.msg("请选择父节点!");
			return;
		}	
		var menuName = $('#menuName').val();
		if (!CheckUtil.isNotNull(menuName)) {
			layer.msg("请输入按钮名称!");
			return;
		}
		var orderNum =  $('#orderNum').val();
		if (!CheckUtil.isNotNull(orderNum) || !CheckUtil.isInt(orderNum, "+")) {
			layer.msg("请输入正确的排序编号!");
    		return;
		}
	}
	if ($("#isReCommit").val() == 0) {
		$("#isReCommit").val(1);
		$("#saveAndUpdateFrom").submit();
	}
}

//关闭layer层
function closeThis(){
    var index = parent.layer.getFrameIndex(window.name);
	parent.layer.close(index);
}
